<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>测试布局</title>
	    <!-- 引入资源文件 -->
		<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/js/easyui/themes/default/easyui.css">
		<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/js/easyui/themes/icon.css">
		<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/js/ztree/zTreeStyle.css">
		<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-1.8.3.js"></script>
		<script type="text/javascript" src="${pageContext.request.contextPath}/js/easyui/jquery.easyui.min.js"></script>
		<script type="text/javascript" src="${pageContext.request.contextPath}/js/ztree/jquery.ztree.all-3.5.js"></script>
		<script type="text/javascript" src="${pageContext.request.contextPath}/js/myjs.js"></script>
		<script type="text/javascript">
			
		</script>
</head>
<body class="easyui-layout">
		<!-- 每个div代表一个区域 -->
		<!-- 北 -->
		<div data-options="region:'north',title:'XXOO管理系统'" style="height:120px">北部区域</div>
		<!-- 西 -->
		<div data-options="region:'west',title:'系统菜单'" style="width:200px">
			<div class="easyui-accordion" data-options="fit:'true'">
				<!-- 每个子div代表一个面板 -->
				<div title="one" data-options="iconCls:'icon-search'">
					<a onClick="addTabs('百度')" id="baidulink" class="easyui-linkbutton">百度</a>
				</div>
				<div title="two" data-options="iconCls:'icon-add'">
					<ul id="tree1" class="ztree"></ul>
				</div>
				<div title="three" data-options="iconCls:'icon-help'">
					<ul id="tree2" class="ztree"></ul>
				</div>
			</div>
		</div>
		<!-- 中 -->
		<div data-options="region:'center'">
			<div id="tabs" class="easyui-tabs" data-options="fit:'true'">
			<!-- 每个子div是一个选项卡 -->
				<div title="tab one" data-options="closable:'true',iconCls:'icon-reload'">tab one</div>
				<div title="tab two">tab two</div>
				<div title="tab three">tab three</div>
			</div>
		</div>
		<!-- 东 -->
		<div data-options="region:'east'" style="width:100px">东部区域</div>
		<!-- 南 -->
		<div data-options="region:'south'" style="height:50px">南部区域</div>
</body>
</html>